<script setup lang="ts">
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import { onMounted } from 'vue';
import {Viewer, Ion} from 'cesium';
onMounted(() => {
  Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI5MWRlYjM5MS1hMjIyLTRhMjctOTJkYy03MjMwODYyYmI3NjQiLCJpZCI6MTc2MjAsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1ODE4NjY2MzN9.YzXpzNE5c_oju4DPyS4J4FBjbw0uufrn_ZVpSvVqftk'
  const viewer = new Viewer('cesium-box');
})
</script>

<template>
  <div id="cesium-box">
    
  </div>
</template>

<style>
#cesium-box {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  width: 100%;
  height: 100vh;
}
body {
  margin: 0
}
</style>
